<%--
  Created by IntelliJ IDEA.
  User: asus
  Date: 2022/12/3
  Time: 18:11
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>退费</title>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- jQuery first -->
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
            integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous">
    </script>

    <!-- Popper.js -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"
            integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous">
    </script>

    <!--Bootstrap JS-->
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"
            integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy"
            crossorigin="anonymous"> </script>
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"
          integrity=" sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">


    <!-- jQuery first -->
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
            integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous">
    </script>
    <style>
        body {
            background-image: url("../img/admin.png");
            background-repeat: no-repeat; /*设置背景不重复*/
            background-attachment: fixed; /*背景图片不会随着页面的滚动而滚动。*/
            background-size: cover; /* 此时会保持图像的纵横比并将图像缩放成将完全覆盖背景定位区域的最小大小。*/
        }
    </style>
</head>
<body>
<header class="bg-dark" style="color: rgb(245, 9, 9);">
    <h3 style="text-align: center;">请先完成以下操作在进行退费</h3>
</header>
<div class="container">

    <div class="row">
        <!-- <div class="col-md-4"></div> -->
        <div class="col-md-5">
            <div class="container mt-8">
                <form action="lianxi.html" class="was-validated">
                    <div class="form-group">
                        <label for="uname1" style="color:cornflowerblue">用户名</label>
                        <input type="text"class="form-control"  placeholder="输入身份证号" name="uname1" required>
                        <div class="valid-feedback">确认</div>
                        <div class="invalid-feedback" >
                            请写出正确的输入
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="name1" style="color:cornflowerblue">姓名</label>
                        <input type="text" class="form-control"  placeholder="输入姓名" name="name1" required>
                        <div class="valid-feedback">确认</div>
                        <div class="invalid-feedback" >
                            请写出正确的输入
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="password1" style="color:cornflowerblue">密码</label>
                        <input type="password"class="form-control"  placeholder="输入用户名" name="password1" required>
                        <div class="valid-feedback">确认</div>
                        <div class="invalid-feedback" >
                            请写出正确的输入
                        </div>
                    </div>
                    <div class="row">
                        <div style="text-align-last: left" class="col-md-4">
                            <button class="btn btn-outline-primary" type="button" onclick="myFunction()">退费</button>
                        </div>
                        <div style="text-align-last: center" class="col-md-4">

                            <button type="button" class="btn btn-outline-primary" onclick="myFunction2()">取消</button>

                        </div>
                        <div style="text-align-last: right" class="col-md-4">
                            <a href="../index.jsp">
                                <button type="button" class="btn btn-outline-primary" >人工</button>
                            </a>
                        </div>
                    </div>

                    <script>
                        function myFunction() {

                            var text;
                            if (confirm("你确定要退费嘛？")) {
                                window.open('lianxi.html','_self');
                            } else {
                                text=0;
                            }
                        }
                        function myFunction2() {

                            var text;
                            if (confirm("你确定要返回原页面嘛？")) {
                                window.open('lianxi.html','_self');
                            } else {
                                text=0;
                            }
                        }
                    </script>

                </form>
            </div>
        </div>
    </div>
</div>
</body>
</html>
